// 组件形式的写法，这种写法不需要处理逻辑
import App from '../App'
import Home from '@/views/Home/index'
import About from '@/views/About/index'
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
// 两种路由模式的组件: BrowserRouter(History模式) HashRouter(Hash模式)
// 这种写法是需要处理逻辑
// const baseRouter=()=>{
//   return (<BrowserRouter>
//     <Routes>
//       <Route path='/' element={<App/>}>
//         <Route path="/home" element={<Home/>}/>
//         <Route path='/about' element={<About/>}/>
//       </Route>
//     </Routes>
//   </BrowserRouter>)
// }

// 这种写法不需要处理逻辑
const baseRouter = () => (
  <BrowserRouter>
    {/*  */}
    <Routes>
      <Route path='/' element={<App />}>
      {/* 重定向到/home路径 */}
        <Route path='/' element={<Navigate to="/home" />}></Route>
        <Route path="/home" element={<Home />} />
        <Route path='/about' element={<About />} />
      </Route>
    </Routes>
  </BrowserRouter>
)

export default baseRouter